<!doctype html>
<html>
	<head>
		<title> Test PUI style with angular -- paginator </title>
		<link rel="stylesheet" href="../jquery-ui/jquery-ui-1.9.2.custom.min.css" />
		<link rel="stylesheet" href="../development/primeui-1.0.css" />
		<link rel="stylesheet" href="../themes/aristo/theme.css" />
	</head>

	<body ng-controller="MainCtrl">

	<div pui-paginator="" data-pager="pager" 
		data-on-change-page="changePage(pageNum)">
	</div>

	<script type="text/javascript" src="angular.min.js"></script>
	<script type="text/javascript" src="zepto-1.1.3.js"></script>
	<script type="text/javascript" src="all.js"></script>
	<script language="javascript">
	var md = angular.module('md', ['pui']);

	md.controller('MainCtrl', function($scope){
		$scope.pager = {totalCount: 102, pageSize: 10, pageNum: 5};
		$scope.changePage = function(pageNum){
			console.log(pageNum);
			$scope.pager.pageNum = pageNum;
		};
	});

	angular.bootstrap(document, ['md']);
	</script>
	</body>
</html>